﻿@model VietPremier.Areas.AdminCP.Models.TravelStyle
@{
    ViewBag.Title = "Sửa nội dung của phong cách du lịch";
    Layout = "~/Areas/AdminCP/Views/Shared/AdminLayout.cshtml";
}

<script type="text/javascript" src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")"></script>
<script type="text/javascript"  src="@Url.Content("~/ckeditor/ckeditor.js")"></script>
<script type="text/javascript" src="@Url.Content("~/ckfinder/ckfinder.js")"></script>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#nofSuccess').hide(); // an thong bao
        $('#nofError').hide();

        readyValue();
    });
    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.search);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    function readyValue() {

        var id = getParameterByName("idTravelStyle");
        var postURL = '@Url.Action("GetDetail", "AdminStyle")';
        //lay du lieu English
        $.post(postURL, { "idTravelStyle": id }, function (data) {

            if (data.Id == "!") // khong lay duoc du lieu
            {
                alert("something wrong");
            }
            else {
                $("#Position").val(data.Position);
                $("#Name").val(data.Name);
               
                //<!--SEO -->
                $("#Titletag").val(data.Titletag);
                $("#Meta_description").val(data.Meta_description);
                $("#Meta_keyword").val(data.Meta_keyword);
            }
        });

    }
    function CopyInformation() {
        $("#Titletag").val("Viet Premier");
        $("#Meta_description").val("Viet Premier");
        $("#Meta_keyword").val("Viet Premier");
        return false;
    }
    function alertMsg(msg) {
        $('#nofSuccess').hide();
        $('#nofError').show();
        $('#msgNofError').text(msg);
    }
    function getFileExtension(filename) {
        var ext = /^.+\.([^.]+)$/.exec(filename);
        return ext == null ? "" : ext[1];
    }
    function is_int(value) {
        for (i = 0; i < value.length; i++) {
            if ((value.charAt(i) < '0') || (value.charAt(i) > '9')) return false
        }
        return true;
    }
    function removeColorBox() {
        //tra ve mau trang thai cu
        $("#Position").css("border", "1px solid #ccc");
        $("#Name").css("border", "1px solid #ccc");
        //<!--SEO -->
        $("#Titletag").css("border", "1px solid #ccc");
        $("#Meta_description").css("border", "1px solid #ccc");
        $("#Meta_keyword").css("border", "1px solid #ccc");
        return false;
    }
    function checkField() {

        removeColorBox();

        //<!--SEO -->
        //check Title
        var Title = $("#Titletag").val();
        if (Title.length < 2 || Title.length > 200) {
            msg = "Title không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Titletag").css("border", "1px solid red");
            $("#Titletag").focus();
            return false;
        }

        //check Meta_Description
        var MetaDescription = $("#Meta_description").val();
        if (MetaDescription.length < 2 || MetaDescription.length > 200) {
            msg = "Meta Description không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Meta_description").css("border", "1px solid red");
            $("#Meta_description").focus();
            return false;
        }

        //check Meta_Keyword
        var MetaKeyword = $("#Meta_keyword").val();
        if (MetaKeyword.length < 2) {
            msg = "Meta Keyword không được để trống và có ít nhất 2 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Meta_keyword").css("border", "1px solid red");
            $("#Meta_keyword").focus();
            return false;
        }

        //check Order
        var Position = $("#Position").val();
        if (Position == null || Position == '') {
            msg = "Thứ tự không được để trống.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Position").css("border", "1px solid red");
            $("#Position").focus();
            return false;
        }
        else {
            if (is_int(Position) == false) {
                msg = "Thứ tự phải là số.";
                decoded = $('<div/>').html(msg).text();
                alertMsg(decoded);
                alert(decoded);
                $("#Position").css("border", "1px solid red");
                $("#Position").focus();
                return false;
            }
            if (Position < 0 || Position > 100) {
                msg = "Thứ tự có số lớn 1 và bé hơn 100.";
                decoded = $('<div/>').html(msg).text();
                alertMsg(decoded);
                alert(decoded);
                $("#Position").css("border", "1px solid red");
                $("#Position").focus();
                return false;
            }
        }

        //check Name
        var Name = $("#Name").val();
        if (Name.length < 2 || Name.length > 100) {
            msg = "Tên không được để trống và có 2 đến 200 ký tự..";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Name").css("border", "1px solid red");
            $("#Name").focus();
            return false;
        }

        //return false;
        return confirm("Bạn chắc muốn thay đổi không?");
    }

</script>


<div class="maincontentinner">

    <ul class="maintabmenu">
        <li class="current"><a href="@Url.Action("Index", "AdminStyle")">Quản lý phong cách du lịch</a></li>
        <li class="current"><a href="@Url.Action("Insert", "AdminStyle")">Thêm phong cách du lịch mới</a></li>
    </ul>
    <!--maintabmenu-->



    <div class="notification msgsuccess" style="display: none" id="nofSuccess">
        <a class="close"></a>
        <p id="msgNofSuccess">This is a success message.</p>
    </div>
    <!-- notification msgsuccess -->

    <div class="notification msgerror" style="display: none" id="nofError">
        <a class="close"></a>
        <p id="msgNofError">This is an error message.</p>
    </div>
    <!-- notification msgerror -->

    <form id="formCreate" class="stdform stdform2" method="post" action="#" enctype="multipart/form-data">

        @if (@ViewBag.Name != null)
        {
             <div class="contenttitle radiusbottom0">
                <h2 class="table"><span>Quản lý SEO cho trang  "Phong cách du lịch @ViewBag.Name" </span></h2>
            </div>
        }
        else
        {
            <div class="contenttitle radiusbottom0">
                <h2 class="table"><span>Quản lý SEO</span></h2>
            </div>
        }

        <p>
            <label>Title (*)</label>
            <span class="field">
                <input type="text" name="Titletag" id="Titletag" class="longinput" /></span>
        </p>

        <p>
            <label>Meta Description (*)</label>
            <span class="field">
                <input type="text" name="Meta_description" id="Meta_description" class="longinput" /></span>
        </p>

        <p>
            <label>Meta Keyword (*)</label>
            <span class="field">
                <textarea class="longinput" rows="5" cols="80" name="Meta_keyword" id="Meta_keyword"></textarea></span>
        </p>

        <p class="stdformbutton" style="padding:10px">
            <input type="submit" value="Use The Default SEO" onclick="return CopyInformation()" />
        </p>

        <div class="contenttitle radiusbottom0">
            <h2 class="table"><span>Chỉnh sửa nội dung phong cách du lịch</span></h2>
        </div>
        <!--contenttitle-->

        <p>
            <label>Thứ tự</label>
            <span class="field">
                <input type="text" name="Position" id="Position" class="longinput" />
            </span>
        </p>

        <p>
            <label>Tên</label>
            <span class="field">
                <input type="text" name="Name" id="Name" class="longinput" />
            </span>
        </p>

        <p class="stdformbutton">
            <input type="submit" value="Chấp nhận" onclick="return checkField()" />
            <input type="submit" value="Quay lại" onclick="javascript: history.back(); return false" />
        </p>

    </form>
    <br clear="all" />

</div>
<!--maincontentinner-->
